<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/rem.js"></script>
</head>

<body>
    <div class="nav_box">
        <div class="w1320 nav">
            <a href="/">
                <img src="./image/logo.png" alt="">
            </a>
            <div class="flex nav_al">
                <div class="flex nav_list">
                    <div>
                        <a href="">
                            首页
                        </a>
                    </div>
                    <div>
                        <a href="">
                            关于我们
                        </a>
                    </div>
                    <div>
                        <a href="">
                            服务
                        </a>
                    </div>
                    <div>
                        <a href="">
                            产品
                        </a>
                    </div>
                    <div>
                        <a href="">
                            新闻
                        </a>
                    </div>

                </div>
                <div class="nav_seach">
                    <img src="./image/logo.png" alt="">
                </div>
                <a href="" class="nav_lx">
                    联系我们
                </a>
                <a href="" class="nav_lang">
                    English
                </a>
                <a href="" class="nav_lang" style="display: none;">
                    中文
                </a>
            </div>
        </div>
    </div>
    <!-- 联系banner -->
    <div class="lx_banner">
        <h2>
            社会责任
        </h2>
        <p>
            青岛红宇电脑商标有限公司位于中国针织服装生产基地--山东青岛,是专业从事服装辅料、床上用品、鞋帽
        </p>
    </div>
    <!-- 轮播部分 -->
    <div class="shzr">
        <div class="shzr_swiper">
            <div class="swiper-wrapper">
                <a  href="" class="swiper-slide">
                    <img src="./image/产品服务背景2.jpg" alt="">
                    <div>
                        青岛红宇，爱心在行动—走进灵山镇养老服务中心
                    </div>
                </a>
                <a  href="" class="swiper-slide">
                    <img src="./image/产品服务背景2.jpg" alt="">
                    <div>
                        青岛红宇，爱心在行动—走进灵山镇养老服务中心
                    </div>
                </a>
                <a  href="" class="swiper-slide">
                    <img src="./image/产品服务背景2.jpg" alt="">
                    <div>
                        青岛红宇，爱心在行动—走进灵山镇养老服务中心
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 新闻部分 -->
    <div class="shzr_xw">
        <div class="flex_sb news_box_list">
            <a href="" class="news_box_item">
                <div class="news_box_item_img">
                    <img src="./image/首页社会责任.png" alt="">
                </div>
                <div class="news_box_item_text">
                    <p>青岛红宇，爱心在行动—走进灵山镇养老进灵山镇养老</p>
                    <span>2023-12-26</span>
                </div>
            </a>   
            <a href="" class="news_box_item">
                <div class="news_box_item_img">
                    <img src="./image/首页社会责任.png" alt="">
                </div>
                <div class="news_box_item_text">
                    <p>青岛红宇，爱心在行动—走进灵山镇养老进灵山镇养老</p>
                    <span>2023-12-26</span>
                </div>
            </a>   
            <a href="" class="news_box_item">
                <div class="news_box_item_img">
                    <img src="./image/首页社会责任.png" alt="">
                </div>
                <div class="news_box_item_text">
                    <p>青岛红宇，爱心在行动—走进灵山镇养老进灵山镇养老</p>
                    <span>2023-12-26</span>
                </div>
            </a>   
            <a href="" class="news_box_item">
                <div class="news_box_item_img">
                    <img src="./image/首页社会责任.png" alt="">
                </div>
                <div class="news_box_item_text">
                    <p>青岛红宇，爱心在行动—走进灵山镇养老进灵山镇养老</p>
                    <span>2023-12-26</span>
                </div>
            </a>   
            <a href="" class="news_box_item">
                <div class="news_box_item_img">
                    <img src="./image/首页社会责任.png" alt="">
                </div>
                <div class="news_box_item_text">
                    <p>青岛红宇，爱心在行动—走进灵山镇养老进灵山镇养老</p>
                    <span>2023-12-26</span>
                </div>
            </a>   
          
            <a class="news_box_item" style="height: 0 ; border: none; margin: 0 ; padding: 0 ;"></a>
            <a class="news_box_item" style="height: 0 ; border: none;margin: 0 ; padding: 0 ;"></a>

        </div>

        <!-- 分页 -->
        <div>   
            132143245
        </div>
    </div>
    <!-- 公共底部 -->
    <div class="footer">
        <div class="w1320">
            <!-- 联系 -->
            <div class="flex f_lianxi">
                <div class="f_lianxi_left">
                    <h3 class="fh3">
                        联系我们
                    </h3>
                    <p class="fp">
                        青岛红宇电脑商标有限公司位于中国针织服装生产基地--山东青岛
                        是专业从事服装辅料、床上用品、鞋帽、玩具等各种高中低端商标的开发生产。
                    </p>
                    <div class="f_form">
                        <div class="flex_sb f_form_item">
                            <div>
                                <input type="text" placeholder="姓">
                            </div>
                            <div>
                                <input type="text" placeholder="名">
                            </div>
                        </div>
                        <div class="flex_sb f_form_item">
                            <div>
                                <input type="text" placeholder="姓">
                            </div>
                            <div>
                                <input type="text" placeholder="名">
                            </div>
                        </div>
                        <div class="f_form_item">
                            <textarea name="" id="" placeholder="留言"></textarea>
                        </div>

                        <div class="f_form_button">
                            提交
                        </div>
                    </div>
                </div>
                <div class="f_lianxi_right">
                    <h3 class="fh3">
                        联系方式
                    </h3>

                    <div class="f_lianxi_right_top">
                        <div class="f_lianxi_right_xx f_lianxi_right_xx_one">
                            <h5>
                                电话
                            </h5>
                            <p>
                                +400-638-9896
                            </p>
                        </div>
                        <div class="f_lianxi_right_xx ">
                            <h5>
                                邮箱
                            </h5>
                            <p>
                                Services@qdhongyu.com
                            </p>
                        </div>
                    </div>
                    <div class="f_lianxi_right_bottom flex_sb">
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>
                        <a href="">
                            <img src="./image/index_js.png" alt="">
                        </a>

                    </div>
                </div>
            </div>
            <!-- 导航 -->
            <div class="flex_sb foo_nav">
                <div class="foo_nav_list">
                    <a>
                        首页
                    </a>
                    <a>
                        关于我们
                    </a>
                    <a>
                        服务
                    </a>
                    <a>
                        产品
                    </a>
                    <a>
                        新闻
                    </a>
                    <a>
                        联系我们
                    </a>
                </div>
                <div class="foo_nav_beian">
                    <a href="">
                        青岛红宇电脑商标有限公司版权所有 XXXXXXXXXXXXXXXX
                    </a>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="./js/swiper.min.js"></script>
<script>

    var mySwiper2 = new Swiper('.shzr_swiper', {
        loop: true,
        autoplay: 4000,
    })
</script>

</html>